<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/html5.js"></script>
    
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/category_search.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    
</head>
<script type="text/javascript">
$(document).ready(function()
{
    $("#category_search .tabs a").click(function(e)
    {        
        $("#category_search .tabs a").removeClass("on");
        $(this).addClass("on");
        return false;
        
    });
     $("#category_search .tabs2 a").click(function(e)
    {        
        $("#category_search .tabs2 a").removeClass("on");
        $(this).addClass("on");
        return false;
        
    });
    $("#category_search #top_table tr.row2 .btn_list").click(function()
    {
         $(this).parents(".list").height("140px");
    });
   
   $("#category_search #top_table tr.row2 .list").hover(function()
    {
       $(this).children("ul").show();
       $(this).height("140px");
   },function()
   {
    $(this).children("ul").hide();
    $(this).height("15px");
   });
   $("#category_search #top_table tr.row2 .list ul li").click(function()
    {
       $(this).parent("ul").hide();
        $(this).parents(".list").height("15px");
   });
   var status="hide";
   $("#category_search #top_table tr.row3 .btn_selection2").click(function()
   {
       $("#category_search #top_table tr.more").toggle();
       if(status=="hide") {
        $("#category_search #top_table tr.row3 td.first").css("padding","13px 0px 6px 0px");        
        status="show";
       }
       else 
       {         
         $("#category_search #top_table tr.row3 td.first").css("padding","13px 0px 12px 0px");         
         status="hide";
       }
       
   });
   $("#category_search #top_table tr.row5 span.check").click(function()
   {
       $(this).hide();
       var color_icon=$(this).prev("span.color");
       color_icon.removeClass("active");
   });
   $("#category_search #top_table tr.row5 span.color").click(function()
   {
        var active=$(this).hasClass("active");
        
        var check_icon=$(this).next("span.check");
        if(active==false)
        {
            check_icon.show();
            $(this).addClass("active");
        }
        else
        {
            check_icon.hide()
            $(this).removeClass("active");
        }
   });
   
   $("#category_search #top_table tr.row5 img.clear1").click(function()
   {
       $("#category_search #top_table tr.row5 span.check").hide();       
       $("#category_search #top_table tr.row5 span.color").removeClass("active");
   });
    $("#category_search #top_table tr.row5 span.over").click(function()
   {
    
       $(this).hide();
       var normal_icon=$(this).prev("span.normal");
       normal_icon.removeClass("active");
   });
    $("#category_search #top_table tr.row5 span.normal").click(function()
   {
       
         var active=$(this).hasClass("active");        
        var over_icon=$(this).next("span.over");        
        
        if(active==false)
        {
            over_icon.show();            
            $(this).addClass("active");
        }
        else
        {
            over_icon.hide()
            $(this).removeClass("active");
        }
   });
   $("#category_search #top_table tr.row5 label").click(function()
   {
         var normal_icon=$(this).parents("div.icon").children("span.normal");
        var active=normal_icon.hasClass("active");
        
        var over_icon=$(this).prev("span.over");
        if(active==false)
        {
            over_icon.show();
            $(normal_icon).addClass("active");
        }
        else
        {
            over_icon.hide()
            $(normal_icon).removeClass("active");
        }
   });
   
    $("#category_search #top_table tr.row5 img.clear2").click(function()
   {
       $("#category_search #top_table tr.row5 span.over").hide();       
       $("#category_search #top_table tr.row5 span.normal").removeClass("active");
   });
   
    // Checkbox advance search query click
            $('#category_search #top_table label').click(function(){
                var status=$(this).hasClass("on");
                
                if(status)
                {                     
                      $(this).removeClass("on");
                      
                 }
                else
                {                    
                     $(this).addClass("on");                                    
                }                                                    
                                       
                
            });

});
</script>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <article>
        <div class="container">
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb mgb20">
                <span class="home"></span>홈<span class="cursor"></span><strong>검색결과</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <div id="category_search">
                <!--TOP TABLE -->
                <div id="top_table" >
                    <table class="conner3">
                        <colgroup>
                            <col width="110" />
                            <col width="140" />
                            <col width="140" />
                            <col width="140" />
                            <col width="140" />
                            <col width="140" />
                            <col width="*" />
                        </colgroup>
                        <tr class="row1">
                            <td colspan="7">
                            <p class="title"><span class="pink">‘화이트데이’</span> 검색결과 : <span class="pink">12</span>개 카테고리 / <span class="pink">25,468</span>개 상품이 있습니다.</p>
                            <p class="search"><label>결과 내 검색<input type="text" value="화이트데이" /></label></p>
                            </td>
                        </tr>
                        <tr class="row2">
                            <td ><img src="img/category/dot.jpg" width="7" height="11" />카테고리</td>                            
                            <td>
                                <label class="checkbox">디자인문구(501)</label>                                
                                <div id="list1"  class="list">
                                <img id="btn_list1"  class="btn_list action" src="img/category/140513_search_07.jpg" width="11" height="10" />
                                <ul>    
                                    <li>편지/카드 (304)</li>
                                    <li>선물포장 (91)</li>
                                    <li>Flower (55)</li>
                                    <li>D.I.Y (19)</li>
                                    <li>인형 (34)</li>
                                    <li>기념일 (9)</li>
                                    <li>선물추천 (2)</li>
                                </ul>
                                </div>
                            </td>
                            <td>
                                <label class="checkbox">여행/취미(5,800)</label>
                                
                                <div id="list2"   class="list">
                                <img id="btn_list2"  class="btn_list action" src="img/category/140513_search_07.jpg" width="11" height="10" />
                                <ul>    
                                    <li>편지/카드 (304)</li>
                                    <li>선물포장 (91)</li>
                                    <li>Flower (55)</li>
                                    <li>D.I.Y (19)</li>
                                    <li>인형 (34)</li>
                                    <li>기념일 (9)</li>
                                    <li>선물추천 (2)</li>
                                </ul>
                                </div>
                            </td>
                            <td>
                                <label class="checkbox">홈/인테리어(258)</label>
                                
                                <div id="list3"  class="list" >
                                <img id="btn_list3"  class="btn_list action" src="img/category/140513_search_07.jpg" width="11" height="10" />
                                <ul>    
                                    <li>편지/카드 (304)</li>
                                    <li>선물포장 (91)</li>
                                    <li>Flower (55)</li>
                                    <li>D.I.Y (19)</li>
                                    <li>인형 (34)</li>
                                    <li>기념일 (9)</li>
                                    <li>선물추천 (2)</li>
                                </ul>
                                </div>
                            </td>
                            <td>
                                <label class="checkbox">키친/리빙(33)   </label>
                               
                                <div id="list4"  class="list action">
                                 <img id="btn_list4"  class="btn_list" src="img/category/140513_search_07.jpg" width="11" height="10" />
                                <ul>    
                                    <li>편지/카드 (304)</li>
                                    <li>선물포장 (91)</li>
                                    <li>Flower (55)</li>
                                    <li>D.I.Y (19)</li>
                                    <li>인형 (34)</li>
                                    <li>기념일 (9)</li>
                                    <li>선물추천 (2)</li>
                                </ul>
                                </div>
                            </td>
                            <td>
                                <label class="checkbox">뷰티/패션(49)  </label>
                               
                                <div id="list5"  class="list action">
                                 <img id="btn_list5"  class="btn_list" src="img/category/140513_search_07.jpg" width="11" height="10" />
                               <ul>    
                                    <li>편지/카드 (304)</li>
                                    <li>선물포장 (91)</li>
                                    <li>Flower (55)</li>
                                    <li>D.I.Y (19)</li>
                                    <li>인형 (34)</li>
                                    <li>기념일 (9)</li>
                                    <li>선물추천 (2)</li>
                                </ul>
                                </div>
                            </td>
                            <td>
                            <label class="checkbox">gift(28)  </label>
                               
                                <div id="list6"  class="list action">
                                 <img id="btn_list6" class="btn_list" src="img/category/140513_search_07.jpg" width="11" height="10" />
                                <ul>    
                                    <li>편지/카드 (304)</li>
                                    <li>선물포장 (91)</li>
                                    <li>Flower (55)</li>
                                    <li>D.I.Y (19)</li>
                                    <li>인형 (34)</li>
                                    <li>기념일 (9)</li>
                                    <li>선물추천 (2)</li>
                                </ul>
                                </div>
                            </td>
                        </tr><!--end row2 -->
                        
                        <tr class="row3 ">
                            <td class="first"><img src="img/category/dot.jpg" width="7" height="11" />브랜드</td>                            
                            <td class="first">
                                 <label class="checkbox">퍼니즈(153)</label>
                                
                            </td>
                            <td class="first">
                                 <label class="checkbox">아이씨엘(47)</label>
                                
                            </td>
                            <td class="first">
                                
                                 <label class="checkbox">도아(33)</label>

                                
                            </td>
                            <td class="first">
                                <label class="checkbox">부엉이몰(30)</label>
                                
                            </td>
                            <td class="first">
                                <label class="checkbox">북키스(30)</label>
                                
                            </td>
                            <td class="first">
                            <label class="checkbox">잇츠디(21)</label>
                                <img  class="btn_selection2 action" src="img/category/140513_search_11.jpg" width="40" height="20" />
                            </td>
                        </tr><!--end row3 -->
                        <tr class="row3 more">
                            <td>&nbsp;</td>                            
                            <td>
                                <label class="checkbox">퍼니즈(153)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">아이씨엘(47)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">도아(33)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">부엉이몰(30)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">북키스(30)</label>
                                
                            </td>
                            <td>
                            <label class="checkbox">잇츠디(21)</label>
                                
                            </td>
                        </tr><!--end row3 -->
                        <tr class="row3 more">
                            <td>&nbsp;</td>                            
                            <td>
                                <label class="checkbox">퍼니즈(153)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">아이씨엘(47)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">도아(33)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">부엉이몰(30)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">북키스(30)</label>
                                
                            </td>
                            <td>
                            <label class="checkbox">잇츠디(21)</label>
                                
                            </td>
                        </tr><!--end row3 -->
                        <tr class="row3 more">
                            <td>&nbsp;</td>                            
                            <td>
                                <label class="checkbox">퍼니즈(153)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">아이씨엘(47)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">도아(33)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">부엉이몰(30)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">북키스(30)</label>
                                
                            </td>
                            <td>
                            <label class="checkbox">잇츠디(21)</label>
                                
                            </td>
                        </tr><!--end row3 -->
                        <tr class="row3 more">
                            <td>&nbsp;</td>                            
                            <td>
                                <label class="checkbox">퍼니즈(153)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">아이씨엘(47)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">도아(33)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">부엉이몰(30)</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">북키스(30)</label>
                                
                            </td>
                            <td>
                            <label class="checkbox">잇츠디(21)</label>
                                
                            </td>
                        </tr><!--end row3 -->
                        <tr class="row3 more">
                            <td colspan="7">
                            <div class="pagination">
                                 <ul>
                                    <li class="conner3" id="first"><a href="#">처음</a></li>
                                    <li class="conner3"><a href="#">&lt;</a></li>
                                    <li class="active conner3"><a href="#">1</a></li>
                                    <li class="conner3"><a href="#">2</a></li>
                                    <li class="conner3"><a href="#">3</a></li>
                                    <li class="conner3"><a href="#">4</a></li>
                                    <li class="conner3"><a href="#">5</a></li>
                                    <li class="conner3"><a href="#">6</a></li>
                                    <li class="conner3"><a href="#">7</a></li>
                                    <li class="conner3"><a href="#">8</a></li>
                                    <li class="conner3"><a href="#">9</a></li>
                                    <li class="conner3"><a href="#">10</a></li>
                                    <li class="conner3"><a href="#">&gt;</a></li>
                                    <li class="conner3" id="last"><a href="#">끝</a></li>
                                  </ul>
                            </div><!-- end pagination -->
                            </td>
                        </tr>
                        <tr class="row4 ">
                            <td><img src="img/category/dot.jpg" width="7" height="11" />가격대별</td>                            
                            <td>
                                <label class="checkbox">20,000원 이하</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">20,000원~40,000원</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">40,000원~70,000원</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">70,000원~100,000원</label>
                                
                            </td>
                            <td>
                                <label class="checkbox">100,000원 이상</label>
                                
                            </td>
                            <td>
                            <label>직접입력&nbsp;&nbsp;<input class="w80" type="text" value="100" />&nbsp;원~&nbsp;<input class="w80" type="text" value="100" />&nbsp;원</label>
                                
                            </td>
                        </tr>
                        <tr class="row5">
                            <td colspan="7">
                            <div class="button1 holder" id="holder1">
                                <img src="img/category/dot.jpg" width="7" height="11" />컬러별<br />
                                <img class="clear1 action" src="img/category/button_ffa.jpg" width="48" height="18" /></div>
                            
                            <div class="holder" id="holder2">
                                <div class="picker_wrapper">
                                    <div class="picker">
                                        <span class="color icon1 action"></span>
                                        <span class="check action" ><img src="img/category/black_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon2 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon3 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon4 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon5 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon6 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon7 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon8 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                </div><!--end picker_wrapper -->   
                                
                                <div class="picker_wrapper">
                                    <div class="picker">
                                        <span class="color icon21 action"></span>
                                        <span  class="check action" ><img src="img/category/black_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon22 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon2 action3"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon24 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon25 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon26 action"></span>
                                        <span class="check action"><img src="img/category/black_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon27 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                     <div class="picker">
                                        <span class="color icon28 action"></span>
                                        <span class="check action"><img src="img/category/white_check.png" width="19" height="20" /></span>
                                    </div>
                                </div><!--end picker_wrapper -->   
                                </div>
                                <div class="button2 holder" id="holder3">
                                    <img src="img/category/dot.jpg" width="7" height="11" />패턴별<br />
                                    <img class="clear2 action"  src="img/category/button_ffa.jpg" width="48" height="18" /></div>
                                <div class="holder" id="holder4">
                                    <div class="icon_wrapper">
                                        <div class="icon">
                                            <span class="icon11 normal action"></span>
                                            <span class="over11 over action" ></span>
                                            <label class="action">내츄럴</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon12 normal action"></span>
                                            <span class="over12 over action" ></span>
                                            <label class="action">모던</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon13 normal action"></span>
                                            <span class="over13 over action" ></span>
                                            <label class="action">로맨틱</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon14 normal action"></span>
                                            <span class="over14 over action" ></span>
                                            <label  class="action">클래식</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon15 normal action"></span>
                                            <span class="over15 over action" ></span>
                                            <label  class="action">엔티크</label>
                                        </div>
                                         
                                    </div><!--end icon_wrapper -->   
                                    
                                    <div class="icon_wrapper">
                                        <div class="icon">
                                            <span class="icon21 normal action"></span>
                                            <span class="over21 over action" ></span>
                                            <label  class="action">오리엔탈 </label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon22 normal action"></span>
                                            <span class="over22 over action" ></span>
                                            <label  class="action">젠</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon23 normal action"></span>
                                            <span class="over23 over action" ></span>
                                            <label  class="action">전통</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon24 normal action"></span>
                                            <span class="over24 over action" ></span>
                                            <label class="action">컨트리</label>
                                        </div>
                                        
                                        <div class="icon">
                                            <span class="icon25 normal action"></span>
                                            <span class="over25 over action" ></span>
                                            <label  class="action">빈티지</label>
                                        </div>
                                         
                                    </div><!--end icon_wrapper -->   
                                </div> <!--end holder4 -->        
                                <div class="holder" id="holder5"><img class="action" src="img/category/button.jpg" width="106" height="53" /></div>             
                            </td>

                        </tr>
                    </table>
                </div><!--END TOP TABLE -->
                
                
               
                
                <!-- Begin: Tabs Div, Sort -->
                <div class="tabs">
                    <a class="on" href="#">신상품 순</a>
                    <a href="#">인기상품 순</a>
                    <a href="#">낮은 가격 순</a>
                    <a href="#">높은 가격 순</a>
                    
                </div>
                <table class="sort">
                    <colgroup>
                        <col width="270" />
                        <col width="*" />
                    </colgroup>
                    <tbody>
                        <tr height="42">
                            <td class="order">
                                <p><img src="img/category/dot.jpg" width="7" height="11" />총 <span class="pink">3,364개</span>의 상품이 있습니다. </p>
                            </td>
                            <td class="view">
                                <select onchange="" class="mgr5">
                                    <option value="32">32개 정렬</option>
                                    <option value="64">64개 정렬</option>
                                    <option value="96">96개 정렬</option>
                                </select>
                                <a href="#"><span class="lstview lstview-f"></span></a>    <!-- view full   -->
                                <a href="#"><span class="lstview lstview-l"></span></a>    <!-- view large  -->
                                <a href="#"><span class="lstview lstview-m"></span></a>    <!-- view medium -->
                                <a href="#"><span class="lstview lstview-s on"></span></a> <!-- view small  -->
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Tabs Div, Sort -->
                
                <!-- Begin: List Sale Product -->
                <div class="item">
                    <ul class="list">
                        <li class="startln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li class="startln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들 리락쿠마<br />마스코트 샤프(0.5mm-2종)</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                </div>                                
                            </dl>
                        </li>
                        
                        
                        <li class="clear"></li>
                    </ul>
                </div>
                <!-- End: List Sale Product -->
                
                <!-- Begin: Pagination -->
                <table class="page-control">
                    <colgroup>
                        <col width="100" />
                        <col width="*" />
                        <col width="100" />
                    </colgroup>
                    <tbody>
                        <tr height="37">
                            <td class="prev">
                                <a href="#"><img src="img/common/btn_prev_page.gif" /></a>
                            </td>
                            <td class="form">
                                <input type="text" name="" value="10" /><span class="mgl15 mgr10">/   총 23 페이지</span><a href=""><img src="img/common/btn_page_move.gif" /></a>
                            </td>
                            <td class="next">
                                <a href="#"><img src="img/common/btn_next_page.gif" /></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="pagination">
                    <ul>
                        <li class="first"><a href="#">처음</a></li>
                        <li><a href="#">&lt;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li><a href="#">8</a></li>
                        <li><a href="#">9</a></li>
                        <li><a href="#">10</a></li>
                        <li><a href="#">&gt;</a></li>
                        <li class="last"><a href="#">끝</a></li>
                    </ul>
                </div>
                <!-- End: Pagination -->
                
                
                <div class="tabs2">
                    <a class="on" href="#">디자인문구</a>
                    <a href="#">여행/취미</a>
                    <a href="#">홈/인테리어</a>
                    <a href="#">키친/리빙</a>
                    <a href="#">뷰티/패션</a>
                    <a href="#">GIFT</a>
                    
                </div>                
               

                <!-- Begin: List Sale Product -->
                <div class="item" id="tabs_content">
                    <ul class="list">
                        <li class="startln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                                              
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                                              
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                
                                <span id="new"><span id="value">12,000원</span>  
                                
                                 </div>
                                                              
                            </dl>
                        </li>
                        <li>
                             <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                                              
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                
                                <span id="new"><span id="value">12,000원</span>  
                                
                                 </div>
                                                              
                            </dl>
                        </li>
                         <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                <span id="old">15,000원</span><br />
                                <span id="new"><span id="value">12,000원</span>  <img src="img/category/icon_price_down.png"><span id="percent"> 20%</span></span>
                                 </div>
                                                              
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/category/image_120.jpg" width="120" height="120" /></a>
                                </div>
                                <div class="info">
                                    
                                    <a class="name" href="#"> 하와이안 흔들흔들 리..</a>
                                </div>
                                <div class="price">
                                
                                <span id="new"><span id="value">12,000원</span>  
                                
                                 </div>
                                                              
                            </dl>
                        </li>
                       
                        
                        
                        
                    </ul>
                </div>
                <!-- End: List Sale Product -->
                
                
                
                
            </div>
            
            <br/><br/><br/><br/><br/>
        </div>
    </article>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>